/* common style */

/* common layout style */
body, html {
	 margin:0px;
	 padding:0px;
	 text-align:center;
	 FONT-FAMILY: Arial,Helvetica,Helv; 
	 FONT-SIZE: 12px; 
	 background:#1c3774;
}

form{
    margin:0;
    padding:0;	
}

div{
    width: auto;
}

div#main{
    position:relative;
	margin:0 auto;
	width:1024px;
	text-align:left;
}

div#container{
	background:#FFFFFF;
	border-left:10px solid #75a8d7;
	border-right:10px solid #75a8d7;
}

div#userinfo {
	text-align: right;
	padding-bottom:0px;
	padding-right:20px;
	font:bold 11pt arial;
   	background-image: url(../img/bar.jpg);
	background-repeat: repeat-x;
} 

div#userinfo img{
    border:0;
    width:47px;
    height:18px;
	vertical-align:middle;
}

div#bottom{
	background:#1c3774;
	height:20px;
}

div#logo{
	padding:10px 5px;
}

div#header{
    background:#d2eaf8;
}

div#error{
    background:#FFFFFF;
	padding:0px 40px;
}

div#content{
	text-align:left;
    background:#FFFFFF;
	padding:5px 5px;
}

div#footer{
    background:#d2eaf8;
	padding:0px 20px;
}

div#footercontent{
	text-align:center;
	padding:13px 0px;
}

/* link style */
a{
    FONT-SIZE: 14px;
    text-decoration:underline;
}

a:link{color:#009;}
a:visited{color:#800080;}
a:hover,a:active,a:focus{color:#c00;}

A.list{
	FONT-SIZE: 12px;TEXT-DECORATION: underline
}
A.list :link {
	 COLOR: #19479c;  
}
A.list :visited {
	 COLOR: #c90505;  
}
A.list :active {
	 COLOR: #4c4c4c;  
}
A.list :hover {
	 COLOR: #4c4c4c;  
}

/* tooltips */
A.tooltip   {   font-weight : 800; font-size: 8pt; text-decoration: none }
A div       {   display: none }
A:hover div {   display: block; text-decoration : none; white-space: nowrap;
                position: absolute; top: 3em; left: 0em;
                padding: 5px; margin: 0px; color: black; background: #fcf0ba;
                border: 1px solid #333333; font-size: 9pt; font-family: Arial;
                font-weight: 400 }
				
/* table style */
TABLE.detail, TABLE.navigation{
    width:100%;
    FONT-SIZE: 12px; 
    text-align: left;
	LINE-HEIGHT: 20px; 
	cc:expression(cellSpacing="1");
}

TABLE.detail {
	BACKGROUND-COLOR: gainsboro;
}

TABLE.navigation {
	BACKGROUND-COLOR: white;  
	margin-bottom: 10px;
}

TABLE.zebra {
	BACKGROUND-COLOR: gainsboro;
	cc:expression(zebratable(this))
}
 
TR.tablehead {
	FONT-WEIGHT: bold; 
	BACKGROUND-COLOR: #F1EFE2;
}
TR.odd {
	BACKGROUND-COLOR: #F5F5F5;
	cc : expression(onmouseover=function(){this.style.backgroundColor="lightcyan"},
		onmouseout=function(){this.style.backgroundColor="#F5F5F5"});
}
TR.even {
	BACKGROUND-COLOR: white;
	cc : expression(onmouseover=function(){this.style.backgroundColor="lightcyan"},
		onmouseout=function(){this.style.backgroundColor="white"});
}

TR.subtitle1 {
    text-align: left;
	FONT-SIZE: 13px; 
	BACKGROUND-COLOR: #D8E4F8;
}
TR.subtitle2 {
    text-align: center;
	FONT-SIZE: 13px; 
	BACKGROUND-COLOR: #D8E4F8
}
 
TD {
	COLOR: #19479c; 
}

TABLE.detail td {
	padding-right: 5px;
}

TD.label {
	BACKGROUND-COLOR: #F5F5F5;
}
span.req {
	font-size: 1.6em !important;
    color: #f90;
    font-weight: bold;
	margin-right: 4px;
	vertical-align: bottom;
}
TD.value {
	BACKGROUND-COLOR: #FEFEFE;
	overflow: hidden;	
}
TD.navigation {
	FONT-SIZE: 14px;
}

TD.button {
    text-align: center;
	FONT-WEIGHT: bold; 
	BACKGROUND-COLOR: #D8E4F8;
}

TD.submenu {
	FONT-SIZE: 14px;  FONT-WEIGHT: bold;
}

div.nowraptable{
    scrollbar-base-color:#D8E4F8;
    scrollbar-highlight-color:white;
    width:100%;
    overflow-x: scroll;
}

div.nowraptable table td{
    white-space: nowrap;
}

/* form style */
input.text{     
       height:18px;
}

input.setdate{
    background-image: url(../calendar/clander.gif);
    width:18;
    height:19;
}

/* others */
label{
    cursor:pointer;
}

LI {
	FONT-SIZE: 14px; COLOR: #19479c;  LIST-STYLE-TYPE: square
}

HR.dotline {
	COLOR: #19479c; BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; HEIGHT: 1px; BORDER-BOTTOM-STYLE: dotted
}

img{
    vertical-align: text-bottom;
	margin:0;
	padding:0;
}

/*Search field*/
.searchfield{
    width:145px;
    border:1px solid #75a8d7;
	background-color:#ffffff;
}

.searchfield input{
    width:120px;
	border:0px;
}

.searchfield img{
    width:20px;
    cursor:pointer;
	vertical-align:bottom;
}
 